<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" style="font-size: 55.2px;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="format-detection" content="telephone=no, email=no">
    <meta name="apple-mobile-web-app-title">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>申请退款</title>
    <script type="text/javascript">
        !function (e, t) {
            var a = e.documentElement,
                n = "orientationchange" in window ? "orientationchange" : "resize",
                i = function () {
                    var e = a.clientWidth;
                    e && (a.style.fontSize = 750 <= e ? "100px" : e / 750 * 100 + "px")
                };
            i(),
            e.addEventListener && (t.addEventListener(n, i, !1), e.addEventListener("DOMContentLoaded", i, !1))
        } (document, window);
    </script>
    <link rel="stylesheet" type="text/css" href="index/refund.css">
    <link rel="stylesheet" href="index/layer.css">
<link href="index/layer.css" type="text/css" rel="styleSheet" id="layermcss"><style type="text/css">#YSF-BTN-HOLDER{position: fixed;right: 30px; bottom: 24px; cursor: pointer; overflow: visible; filter: alpha(opacity=100);opacity:1;z-index: 9990}  #YSF-BTN-HOLDER:hover{filter: alpha(opacity=95);opacity:.95}  #YSF-BTN-HOLDER img{ display: block;overflow: hidden; }  #YSF-BTN-CIRCLE{display: none;position: absolute;right: -5px;top: -6px;width: auto;min-width: 12px;height: 20px;padding: 0 4px;background-color: #f00;font-size: 12px;line-height: 20px;color: #fff;text-align: center;white-space: nowrap;font-family: sans-serif;border-radius: 10px;z-index:1;}  #YSF-BTN-BUBBLE{display: none;position: absolute;left: -274px;bottom:-15px;width: 278px;height: 80px;box-sizing: border-box;padding: 14px 22px;filter: alpha(opacity=100);opacity:1;background: url(https://qiyukf.com/sdk//res/img/sdk/bg_floatMsg2x.png) no-repeat;background:url(https://qiyukf.com/sdk//res/img/sdk/bg_floatMsg.png)9; background-size: 278px 80px; z-index: 1;}  #YSF-BTN-HOLDER.layer-6{bottom:0;}  #YSF-BTN-HOLDER.layer-1 #YSF-BTN-BUBBLE{top:0}  #YSF-BTN-HOLDER.layer-6 #YSF-BTN-BUBBLE{bottom:-6px;}  #YSF-BTN-BUBBLE:hover{filter: alpha(opacity=95);opacity:.95}  #YSF-BTN-CONTENT{height:45px;padding: 0;white-space: normal;word-break: break-all;text-align: left;font-size: 14px;line-height: 1.6;color: #222;overflow: hidden;z-index: 0;}  #YSF-BTN-ARROW{ display: none; }  #YSF-BTN-CLOSE{position: absolute; width:15px; height:15px;right: 4px;top: -3px; filter: alpha(opacity=90); opacity:.9; cursor: pointer; background: url(https://qiyukf.com/sdk//res/img/sdk/btn-close.png) no-repeat;z-index: 1}  #YSF-BTN-CLOSE:hover{filter: alpha(opacity=100); opacity: 1;}  #YSF-PANEL-CORPINFO.ysf-chat-layeropen{ width: 511px; height: 500px; border-radius: 8px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);}  #YSF-PANEL-CORPINFO{ position: fixed; bottom: 0px; right: 20px; width: 0; height: 0; z-index: 99999; }  #YSF-PANEL-INFO.ysf-chat-layeropen{ width: 360px; height: 500px; border-radius: 8px; filter: alpha(opacity=100);opacity:1; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);}  #YSF-PANEL-INFO{ position: fixed; bottom: 0px; right: 20px; width: 0px; height: 0px; filter: alpha(opacity=0);opacity:0;z-index: 99999;}  #YSF-PANEL-INFO .u-btn{background-color: #f96868}  #YSF-CUSTOM-ENTRY{background-color: #F96868;}  #YSF-CUSTOM-ENTRY-0{position: relative;width:auto;background-color: #f96868;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);}  #YSF-CUSTOM-ENTRY-1{position: relative;width:auto;background-color: #f96868;border-radius: 14px; box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);}  #YSF-CUSTOM-ENTRY-2{position: relative;width:auto;background-color: #f96868;border-radius: 8px;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);}  #YSF-CUSTOM-ENTRY-3{position: relative;width:auto;background-color: #f96868;border-radius: 50%;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);}  #YSF-CUSTOM-ENTRY-4{position: relative;width:auto;background-color: #f96868;border-radius: 50%;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);}  #YSF-CUSTOM-ENTRY-5{position: relative;width:auto;background-color: #f96868;border-radius: 8px;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);}  #YSF-CUSTOM-ENTRY-6{position: relative;width:auto;background-color: #f96868;border-radius: 8px;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);}  #YSF-CUSTOM-ENTRY-7{position: relative;width:auto;background-color: #f96868;border-radius: 50%;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);}  #YSF-CUSTOM-ENTRY-8{position: relative;width:auto;background-color: #f96868;border-radius: 8px;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);}  #YSF-CUSTOM-ENTRY-0 img{max-width: 300px;max-height: 300px;}  #YSF-CUSTOM-ENTRY-1 img{width:28px;height:auto;}  #YSF-CUSTOM-ENTRY-2 img{width:58px;height:auto;}  #YSF-CUSTOM-ENTRY-3 img{width:60px;height:auto;}  #YSF-CUSTOM-ENTRY-4 img{width:60px;height:auto;}  #YSF-CUSTOM-ENTRY-5 img{width:60px;height:auto;}  #YSF-CUSTOM-ENTRY-6 img{width:58px;height:auto;}  #YSF-CUSTOM-ENTRY-7 img{width:60px;height:auto;}  #YSF-CUSTOM-ENTRY-8 img{width:60px;height:auto;}  #YSF-IFRAME-LAYER{ border:0; outline:none; }  .ysf-online-invite-wrap{z-index:10001;position:fixed;_position:absolute;top:50%;left:50%;}  .ysf-online-invite{position:relative;top:-50%;left:-50%;cursor:pointer;border-radius: 16px;box-shadow: 0 10px 30px 0 rgba(47,56,111,0.15);}  .ysf-online-invite img{display:block;width:250px;}  .ysf-online-invite .ysf-online-invite-img{width:100%;height:100%}  .ysf-online-invite .text{position:absolute;top:-11px;left:0;right:0;overflow:hidden;margin: 36px 20px 0 67px;line-height:140%;color:#526069;font-size:14px;font-family:"Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";text-align:left;white-space:normal;word-wrap:break-word;}  .ysf-online-invite .close{position:absolute;top:12px;right:12px;width:16px;height:16px;background:url("https://ysf.nosdn.127.net/operation/4602027f7e6a0109ac433863d7d0acdf") no-repeat;cursor:pointer;background-size: cover;}  #YSF-PANEL-MOBILE{ background: rgba(46,47,49,0.7); position: fixed; bottom: 0px; right: 0px; width: 100%; height: 0px; transition-property: height,bottom; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; z-index: 99999; }  #YSF-PANEL-MOBILE.ysf-chat-layeropen{ width: 100%; height: 100%; transition-property:height,bottom; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; }  #YSF-IFRAME-LAYER.ysf-chat-mobile-layeropen{ height: 90% !important; transition-property: height,bottom; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; }  #YSF-IFRAME-LAYER.ysf-chat-mobile-layeropen.ysf-chat-mobile-invite-layer{ height: 33% !important; }  #YSF-IFRAME-LAYER{ position: absolute; bottom: 0px;left: 0; right: 0px; width: 0px; height: 0px; transition-property: height,bottom; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; z-index: 9999; }  .YSF-PANEL-BODY-FIXED{ position: fixed !important; left: 0; right: 0;}  .YSF-INVITE-LAYER-WRAPPER { cursor: pointer; position: relative; border: 1px solid #eaf0f6; background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-radius: 4px; width: 220px; padding: 16px; box-sizing: border-box; margin-bottom: 12px; background: #FFFFFF; box-shadow: 0 6px 20px 0 rgba(40,53,75,0.17); border-radius: 8px; }  .YSF-INVITE-LAYER-HEADER { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }  .YSF-INVITE-LAYER-HEADER-LEFT { display: flex; flex: 1; align-items: center; }  .YSF-INVITE-LAYER-RICHTEXT { height: 44px; max-width: 168px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #333333; line-height: 22px; text-align: left; }  .YSF-INVITE-LAYER-RICHTEXT p { margin: 0 }  #YSF-BTN-HOLDER .YSF-INVITE-LAYER-AVATAR { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; }  .YSF-INVITE-LAYER-KEFU-NAME { font-size: 12px; color: #999999; margin-left: 4px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; }  #YSF-ONLINE-INVITE-LAYER-CLOSE{ width:12px; height:12px; background:url("https://ysf.nosdn.127.net/operation/0e5ee37a71d33e05b74d1a5aa3cdd99a") no-repeat; background-size: cover; cursor:pointer; }  #YSF-INVITE-LAYER-WRAPPER-ENTRY { position: relative; float: right; }  .YSF-LAYER-ENTRY-CIRCLE { width: auto; min-width: 12px; height: 20px; padding: 0 4px; border-radius: 10px; color: #FFFFFF; background-color: #f00; font-size: 12px; line-height: 20px; white-space: nowrap; z-index:1; background: url("https://ysf.nosdn.127.net/operation/997228b687d805f7a5d6244865615ec9") no-repeat; background-size: cover; position: absolute; top: 6px; right: -8px; }  .YSF-INVITE-IMG {background-color: #f96868;box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);float: right;}  .YSF_INVITE-IMG-0{max-width: 300px; height:auto;}  .YSF_INVITE-IMG-1{width:28px; height:auto; border-radius: 14px;}  .YSF_INVITE-IMG-2{width:58px; height:auto; border-radius: 8px;}  .YSF_INVITE-IMG-3{width:60px; height:auto; border-radius: 50%;}  .YSF_INVITE-IMG-4{width:60px; height:auto; border-radius: 50%;}  .YSF_INVITE-IMG-5{width:60px; height:auto; border-radius: 8px;}  .YSF_INVITE-IMG-6{width:58px; height:auto; border-radius: 8px;}  .YSF_INVITE-IMG-7{width:60px; height:auto; border-radius: 50%;}  .YSF_INVITE-IMG-8{width:60px; height:auto; border-radius: 8px;}  #YSF-BTN-HOLDER .portrait_icon{width: 24px;height: 24px;vertical-align: middle;display: inline-block;}</style></head>
<body>
<main id="app" class="container"><div class="notice"><img src="index/1250851lb_ORIGIN_2UTN.gif"> <div class="text">付款超过30分钟的订单暂不支持退款，敬请谅解</div></div>  <div class="refreshOrder">点击刷新</div> <div class="mint-indicator" style="display: none;"><div class="mint-indicator-wrapper" style="padding: 0.2rem;"><div class="mint-indicator-spin"><div class="v-spinner-snake"></div></div> <span class="mint-indicator-text">加载中...</span></div> <div class="mint-indicator-mask"></div></div> <!----> <!----></main>
<script type="text/javascript" src="index/vue.min.js"></script>
<script type="text/javascript" src="index/qiyukefu.js"></script><script async="" src="refund/e3ef94fe6439459df54fcbef5ddbf00a.js.下载"></script>
<script type="text/javascript" src="index/axios.min.js"></script>
<script type="text/javascript" src="index/layer.js"></script>
<script type="text/javascript" src="index/js-cookie.js"></script>
<script type="text/javascript" src="index/JSBridge.js"></script>

<script type="text/javascript">
    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
        document.write("<script src='index/JSBridge.js?20211213'>/script>");
    }
</script><script src="index/JSBridge.js"></script>

<script type="text/javascript">
    function getTwo(n) {
        return n < 10 ? ('0' + n) : n;
    }
    var timer;
    var vue = new Vue({
        el: "#app",
        data: {
            showLoading: false,
            loadingText: '加载中',
            isWx: false,
            email: '',
            usertoken: '',
            channel: '',
            orderList:  [],
            refundReasonChooseList: ['充错号码', '号码为副卡/携号转网', '超过72小时未到账', '其它原因'],
            showRefundReasonModalMark: false,
            refundReasonChoose: '',
            isNotAppMark: false,
            showTipsModalMark: false,
            currentRefundOrder: ''
        },
        filters: {
            getBtnText: function (status) {
                var self = this;
                var text = '申请退款';
                if (status == 3) {
                    text = '退款中';
                } else if (status == 4) {
                    text = '退款成功'
                }
                return text;
            }
        },
        mounted: function () {
            var self = this;
            self.channel = self.getQueryString('channel');
            self.isWx = self.isWxClient();
            self.isNotAppMark = 'False' === 'False';
            self.email = self.email || self.getQueryString('aliUid');
            if (!self.email) {
                var localUid = Cookies.get('callFeeH5Uid');
                var paramsUid = self.getQueryString('uid');
                if (localUid || paramsUid) {
                    self.usertoken = localUid || paramsUid;
                } else {
                    self.showToast('用户信息错误')
                }
            }
            if (self.email || self.usertoken) {
                self.getOrderList();
            }
        },
        methods: {
            clickRefund: function (order) {
                var self = this;
                if (order.OrderStatus.TypeValue == 6) {
                    self.showToast('已完成订单无法退款');
                } else if (order.OrderStatus.TypeValue != 3 && order.OrderStatus.TypeValue != 4) {
                    var time = new Date(order.OrderCreateTime.split('-').join('/'));
                    var now = new Date();
                    var interval = (now.getTime() - time.getTime()) / 1000 /3600;
                    if (interval > 0.5 && interval < 72) {
                        self.showTipsModalMark = true;
                    } else {
                        self.currentRefundOrder = order;
                        self.showRefundReasonModalMark = true;
                    }
                }
            },
            confirmRefund: function () { 
                var self = this;
                
                if (self.refundReasonChoose.length === 0) {
                    self.showToast('请选择退款原因');
                    return;
                }
                
                axios({
                    method: 'get',
                    url: "/ajax/TaoQuan/TaoQuan.ashx",
                    params: {
                        action: "refundMobileOrder",
                        email: self.email,
                        usertoken: self.usertoken,
                        channel: self.channel,
                        orderNo: self.currentRefundOrder.OrderNo,
                        reason: self.refundReasonChoose
                    }
                })
                    .then(function (response) {
                        self.hideDataLoading();
                        var json = response.data;
                        self.showToast(json.msg);
                        if (json.code === 0) {
                            self.showRefundReasonModalMark = false;
                            self.showDataLoading("正在为您申请退款");
                            setTimeout(function () {
                                self.getOrderList();
                            },5000)
                        } else {
                        }
                    })
                    .catch(function(error) {

                    });
            },
            toContact: function () {
                var self = this;
                var kefuUrl = "https://hfcyxxkjyxgs.qiyukf.com/client?k=e3ef94fe6439459df54fcbef5ddbf00a&wp=1";
                if (!self.isNotAppMark) {
                    self.tagsOnClick('web', kefuUrl, '', '{"isQYKeFu":"1","logintype":"weixin","loginShowType":"1"}');
                } else {
                    openQiyukf({
                        "uid": self.email ? self.email : self.usertoken,
                        "email": self.email ? self.email : "",
                        "channel": self.channel
                    });
                }
            },
            hasStr: function (a, b) {
                return a.indexOf(b) > -1
            },
            isWxClient: function() {
                var ua = navigator.userAgent.toLowerCase();
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    return true;
                }
                return false;
            },
            getOrderList: function () {
                var self = this;
                self.showDataLoading();
                axios({
                    method: 'get',
                    url: "/ajax/TaoQuan/TaoQuan.ashx",
                    params: {
                        action: "mobileChargeOrder",
                        email: self.email,
                        usertoken: self.usertoken,
                        channel: self.channel,
                        platform: (self.isNotAppMark && !self.isWx) ? 'h5' : '',
                        category: self.isNotAppMark ? 1 : ''
                    }
                })
                    .then(function (response) {
                        self.hideDataLoading();
                        var json = response.data;
                        if (json.code === 0) {
                            self.orderList = json.data;
                        } else {
                            self.showToast(json.msg);
                        }
                    })
                    .catch(function(error) {

                    });
            },
            tagsOnClick: function (type, value, name, extendParams) {
                JSBridge.call('bridge', 'tagsSkip', { 'type': type, 'value': value, 'name': name, 'extendParams': extendParams ? extendParams : '{}' }, function (res) { });
            },
            showToast: function (msg) {
                if (this.isNotAppMark) {
                    layer.open({
                        content: msg,
                        skin: 'msg',
                        time: 2
                    });
                } else {
                    JSBridge.call('bridge', 'showToast', { 'msg': msg }, function (res) { });
                }
            },
            showDataLoading: function(msg) {
                var self = this;
                self.loadingText = msg || "加载中";
                self.showLoading = true;
            },
            hideDataLoading: function() {
                var self = this;
                self.showLoading = false;
            },
            getQueryString: function (name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) return decodeURIComponent(r[2]); return null;
            },
        }
    });
</script>



<div style="top: 0px; left: 0px; visibility: hidden; position: absolute; width: 1px; height: 1px;"><iframe style="height:0px; width:0px;" src="refund/delegate.html"></iframe></div><div class="layer-7" id="YSF-BTN-HOLDER" style="display: none;"><div id="YSF-CUSTOM-ENTRY-7"><img src="index/sdk_res_kefu_custom_7.png"></div><span id="YSF-BTN-CIRCLE" style="display: none;"></span><div id="YSF-BTN-BUBBLE" style="display: none;"><div id="YSF-BTN-CONTENT"></div><span id="YSF-BTN-ARROW"></span><span id="YSF-BTN-CLOSE"></span></div></div></body></html>